<template>
    <div class="titlein" :style="list[content]">
        
    </div>
</template>

<script>
export default {
    name: "ContentTitle",
    props: ["content"],
    data(){
        return{
            "list": ["background:url(/static/img/box1.png) no-repeat -18.3rem -5.9rem","background:url(/static/img/box1.png) no-repeat -19.6rem -5.9rem","background:url(/static/img/box1.png) no-repeat -20.86rem -5.9rem"]
        }
    }

}
</script>


<style lang="stylus" scoped>
    .titlein
        position: absolute
        top: 0
        left: 0
        z-index: 2
        width: 1.1rem
        height: 2.9rem
        background: url(/static/img/box1.png) no-repeat -18.3rem -5.9rem

</style>
